import { ListPage } from "custom/index";
import { getScriptManagePage } from './api'

const page = new ListPage('CustomerReception');

page
  .api(getScriptManagePage)
  .useSearch()
    .addInputItem('keyword', '客户名称/店铺名称')
    .addItem({ prop: 'name', label: '客服姓名' })
    .addItem({ prop: 'flowerName', label: '花名' })
    .addItem({ prop: 'no', label: '工号 ' })
    .addItem({ prop: 'shopNo', label: '店铺ID' })
    .addItem({ prop: 'shopName', label: '店铺名称 ' })
    .addDateRangePicker(['startDate', 'endDate'], { label: '时间范围' })
    .end()
  .useTable()
    .useIndexColumn().end()
    .useColumn('name').label('客服姓名').minWidth(140).end()
    .useColumn('flowerName').label('花名').minWidth(200).end()
    .useColumn('no').label('工号').minWidth(200).end()
    .useColumn('customGroup').label('客服分组').minWidth(140).end()
    // .useColumn('shopNo').label('店铺ID').minWidth(140).end()
    .useColumn('shopName').label('店铺名称').minWidth(140).end()
    .useColumn('accountName').label('子账号名称').minWidth(140).end()
    .useColumn('accountPassword').label('子账号密码 ').minWidth(140).end()
    .useColumn('shopStartDate').label('开始日期').minWidth(140).end()
    .useColumn('shopEndDate').label('结束日期').minWidth(140).end()
    .useColumn('averageReceptionVolume').label('约定接待量').minWidth(140).end()
    .useColumn('shopConsultPeopleNum').label('实际接待量').minWidth(140).end()
    .useColumn('averageConversionRate').label('约定转化率').toFixedPercent(2).minWidth(140).end()
    .useColumn('shopConversionRate').label('实际转化率').toFixedPercent(2).minWidth(140).end()
    .useColumn('averageResponseTime').label('约定响应时间').toFixed(2).minWidth(140).end()
    .useColumn('shopResponseSecond').label('实际响应时间').minWidth(140).end()
    .end()
  .usePagination()
    .end()
  .useAuthButton()
    .useItem('export').content('导出数据').exportExcel().end()
    .end()

export default page
